<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>个人信息填写</title>


</head>

<body style="background-image: url(1.jpeg); background-repeat: repeat;">

    <form action="#" method="post">
        <h3 align="center">个人信息填写</h3>
        <table align="center">
            <tr>
                <td>用户名：</td>
                <td><input type="text" maxlength="6" required="required" placeholder="请输入用户名" /></td>
            </tr>
            <tr>
                <td>昵&nbsp;&nbsp;&nbsp;称:</td>
                <td><input type="text" maxlength="20" placeholder="请输入昵称" /></td>
            </tr>
            <tr>
                <td>密&nbsp;&nbsp;&nbsp;码：</td>
                <td><input type="password" size="20" placeholder="请输入密码" />
                </td>
            </tr>
            <tr>
                <td>性&nbsp;&nbsp;&nbsp;别：</td>
                <td><input type="radio" name="sex" checked="checked" />男
                    <input type="radio" name="sex" />女
                </td>
            </tr>
            <tr>
                <td>生&nbsp;&nbsp;&nbsp;日：</td>
                <td><input type="date" placeholder="请输入生日" /></td>
            </tr>
            <tr>
                <td>邮&nbsp;&nbsp;&nbsp;箱：</td>
                <td><input type="email" name="formail" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"
                        placeholder="请输入正确邮箱" /></td>
            </tr>
            <tr>
                <td>电&nbsp;&nbsp;&nbsp;话：</td>
                <td><input type="tel" name="telphone" pattern="^\d{11}$" placeholder="请输入正确电话" /></td>
            </tr>
            <tr>
                <td>兴&nbsp;&nbsp;&nbsp;趣：</td>
                <td><input type="checkbox" name="xingqu" />看电视
                    <input type="checkbox" name="xingqu" />睡大觉
                    <input type="checkbox" name="xingqu" />吃零食
                    <input type="checkbox" name="xingqu" />听音乐
                </td>
            </tr>
            <tr>
                <td>上传生活照片：</td>
                <td><input type="file" /></td>
            </tr>
            <tr>
                <td>特长：</td>
                <td><textarea style="resize: none;width:150px;height:50px" placeholder="不超过200个字"></textarea></td>
            </tr>

            <tr>
                <td> 学历：</td>
                <td>
                    <select>
                        <option value="1">--请选择</option>
                        <option value="2">高中</option>
                        <option value="3">大学专科</option>
                        <option value="4">大学本科</option>
                        <option value="5">硕士研究生</option>
                        <option value="6">博士研究生</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="提交" />&nbsp;&nbsp;<input type="reset" value="重置" />
                </td>
            </tr>

        </table>
    </form>
</body>

</html>